/* 在 style.css 中声明 */
@font-face {
  /* 自定义字体名称（后续在 font-family 中使用） */
  font-family: 'YousheBangbang';
  /* 字体文件路径（根据实际目录调整） */
  src: url('../fonts/yousheziyoubangbangti.ttf') format('truetype'),
  url('../fonts/yousheziyoubangbangti.otf') format('opentype');
  font-display: swap; /* 优化字体加载性能 */
  font-weight: normal;
  font-style: normal;
}
html,body{
  font-size: 62.5%; /*以1920为基础 62.5%*/
  font-family: Source Han Sans CN, Source Han Sans CN;
  color: #fff;
  background: #3a5578;
}
*{
  padding: 0;
  margin: 0;
}
image{
  display: block;
}
.fontF{
  font-family: 'YousheBangbang', sans-serif; /* 后备字体（如 sans-serif）确保兼容性 */
}
.colB{
  background: linear-gradient(180deg, #FFFFFF 22%, #B7F8FE 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: #fff; /* 旧浏览器 fallback 颜色 */
}
.colB2{
  background: linear-gradient(180deg, #FFFFFF 46%, #6BA6FF 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: #fff; /* 旧浏览器 fallback 颜色 */
}
.colB3{
  background: linear-gradient(180deg, #FFFFFF 81%, #B7F8FE 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: #fff; /* 旧浏览器 fallback 颜色 */
}
.lineS{
  width: 0px;
  height: 1.4rem;
  border: 2px solid;
  border-image: linear-gradient(180deg, rgba(18.000000827014446, 41.00000135600567, 70.00000342726707, 1), rgba(69.73897263407707, 160.20560503005981, 236.27978771924973, 1), rgba(28.000000230968, 64.00000378489494, 97.00000181794167, 1)) 2 2;
}

.fs10{
  font-size: 1.0rem!important;
}
.fs12{
  font-size: 1.2rem!important;
}
.fs14{
  font-size: 1.4rem!important;
}
.fs16{
  font-size: 1.6rem!important;
}
.fs18{
  font-size: 1.8rem!important;
}
.fs20{
  font-size: 2.0rem!important;
}
.fs22{
  font-size: 2.2rem!important;
}
.fs24{
  font-size: 2.4rem!important;
}
.fs26{
  font-size: 2.6rem!important;
}
.fs28{
  font-size: 2.8rem!important;
}
.fs36{
  font-size: 3.6rem!important;
}
.pr{
  position: relative;
}
.pa{
  position: absolute;
}
.flex{
  display: flex;
}
.flex_ac{
  display: flex;
  align-items: center;
}
.flex_c{
  display: flex;
  align-items: center;
  justify-content: center;
}
.flex_sb{
  display: flex;
  justify-content: space-between;
}
.flex_sb_c{
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.tit{
  position: relative;
  white-space: nowrap;
}
.tit .txt{
  position: absolute;
  z-index: 1;
}
.shadow{
  text-shadow: 0px 0.2rem 0.1rem #04113E;
}
.shadow2{
  text-shadow: 0.1rem 0.2rem 0.2rem #020C21;
}
/* 全局：icon 从左到右出现动画 */
@keyframes iconSlideIn {
  0% {
    transform: translateX(-1rem);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}

@media (max-width: 1280px) {
  html {
    font-size: 41.666%;
  }
}
@media (min-width: 1280px) {
  html {
    font-size: 41.666%;
  }
}
@media (min-width: 1400px) { /*基础尺寸*/
  html {
    font-size: 45.573%;
  }
}
@media (min-width: 1500px) { /*基础尺寸*/
  html {
    font-size: 48.8281%;
  }
}
@media (min-width: 1600px) { /*基础尺寸*/
  html {
    font-size: 52.0833%;
  }
}
@media (min-width: 1700px) { /*基础尺寸*/
  html {
    font-size: 55.3385%;
  }
}
@media (min-width: 1800px) { /*基础尺寸*/
  html {
    font-size: 58.59375%;
  }
}
@media (min-width: 1920px) { /*基础尺寸*/
  html {
    font-size: 62.5%;
  }
}
@media (min-width: 2000px) {
  html {
    font-size: 65.104%;
  }
}
@media (min-width: 2560px) {
  html {
    font-size: 83.333%;
  }
}
@media (min-width: 2880px) {
  html {
    font-size: 93.75%;
  }
}
@media (min-width: 3070px) {
  html {
    font-size: 99.93489%;
  }
}
@media (min-width: 3200px) {
  html {
    font-size: 104.1666%;
  }
}
@media (min-width: 3440px) {
  html {
    font-size: 111.97916%;
  }
}
@media (min-width: 3840px) {
  html {
    font-size: 125%;
  }
}